<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>简易计算器</title>
	</head>
	<body>
		<p>数字1：</p>
		<input id="n1" type="text"/>
		<p>数字2：</p>
		<input id="n2" type="text"/>
		<br /><br />
		<input id="btn" type="button" value="+" onclick="add()"/>
		<input id="btn" type="button" value="-" onclick="reduce()"/>
		<input id="btn" type="button" value="*" onclick="multiply()"/>
		<input id="btn" type="button" value="/" onclick="division()"/>
		<p id="sum"></p>
		<script>
			function add(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var sum=document.getElementById('sum');
				result=Number(num1.value)+Number(num2.value);
				if(isNaN(num1.value)){
					alert("第一个数字不合法，是非数字型");
				}else if(isNaN(num2.value)){
					alert("第二个数字不合法，是非数字型");
				}else{
					sum.innerHTML=(num1.value)+"+"+(num2.value)+"="+result;
				}
			}
			function reduce(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var sum=document.getElementById('sum');
				result=Number(num1.value)-Number(num2.value);
				if(isNaN(num1.value)){
					alert("第一个数字不合法，是非数字型");
				}else if(isNaN(num2.value)){
					alert("第二个数字不合法，是非数字型");
				}else{
					sum.innerHTML=(num1.value)+"-"+(num2.value)+"="+result;
				}
			}
			function multiply(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var sum=document.getElementById('sum');
				result=Number(num1.value)*Number(num2.value);
				if(isNaN(num1.value)){
					alert("第一个数字不合法，是非数字型");
				}else if(isNaN(num2.value)){
					alert("第二个数字不合法，是非数字型");
				}else{
					sum.innerHTML=(num1.value)+"*"+(num2.value)+"="+result;
				}
			}
			function division(){
				var num1=document.getElementById('n1');
				var num2=document.getElementById('n2');
				var sum=document.getElementById('sum');
				result=Number(num1.value)/Number(num2.value);
				if(isNaN(num1.value)){
					alert("第一个数字不合法，是非数字型");
				}else if(isNaN(num2.value)){
					alert("第二个数字不合法，是非数字型");
				}else if(num2.value==0){
					alert("分母不为0");
				}else{
					sum.innerHTML=(num1.value)+"/"+(num2.value)+"="+result;
				}
			}
		</script>
	</body>
</html>
